nav {
	background: #fff;
	.inner {
		height: 110px;
	}
	.logo {
		float: left;
		height: 65px;
		margin-top: 23px;
	}
	.service {
		float: right;
		height: 65px;
		margin-top: 23px;
	}
}

main {
	height: calc(100vh - 110px);
	position: relative;
	.left,
	.right {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
	.right {
		right: 10%;
		form {
			position: relative;
			width: 350px;
			height: 258px;
			padding: 20px 20px 0 20px;
			text-align: center;
			background: #fff;
			border-bottom: 1px solid #eaeaea;
			box-sizing: border-box;
			.group {
				text-align: left;
				margin: 20px;
				.input-box {
					padding: 0 10px;
					border: 1px solid #eaeaea;
					border-radius: 20px;
					input {
						height: 36px;
						border: none;
					}
					span {
						border-left: 2px solid #eaeaea;
						padding-left: 3px;
					}
				}
			}
			button {
				display: inline-block;
				width: 270px;
				line-height: 36px;
				color: #fff;
				margin-bottom: 20px;
				border-radius: 20px;
				background: #ff0000;
				border: none;
			}
			.code {
				position: absolute;
				right: 0;
				top: 0;
			}
		}
	}
}
.footer {
	text-align: center;
	padding: 20px;
	background: #fff;
	img {
		height: 20px;
	}
}
svg {
	position: relative;
	bottom: 1px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

// form:before {
// 	content: '';
// 	position: absolute;
// 	top: 0;
// 	right: 0;
// 	width: 0;
// 	height: 0;
// 	border-style: solid;
// 	border-width: 0;
// 	border-color: rgba(0, 0, 0, 0.2) #fff;
// 	border-radius: 0 0 0 4px;
// 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
// 	-webkit-transition: all 0.4s ease-out;
// 	transition: all 0.4s ease-out;
// }
// form:hover:before {
// 	border-right-width: 60px;
// 	border-bottom-width: 60px;
// }
